<!DOCTYPE html>

<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title></title>
        <link href="js/areaselect.css" type="text/css" rel="stylesheet" />
    </head>
    <body>
        <a href="http://www.baidu.com" target="_blank">baidu</a>
        <div class="demo-wrap">
            <input id="pr1" type="text" placeholder="省份" />
            <input id="ci1" type="text" placeholder="城市" style="display: none" />
            <input id="co1" type="text" placeholder="县级" style="display: none" />
            <br /><br />
            <input id="pr2" type="text" placeholder="省份" />
            <input id="ci2" type="text" placeholder="城市" />
            <input id="co2" type="text" placeholder="县级" />
        </div>
        <!--引用jquery-->
        <script type="text/javascript" src="js/jquery.js"></script>
        <!--引用地区选择插件-->
        <script type="text/javascript" src="js/data.js"></script>
        <script type="text/javascript" src="js/areaselect.js"></script>
        <script type="text/javascript">
            new locationCard({
                ids: ['pr1', 'ci1', 'co1']
            }).init();
            new locationCard({
                ids: ['pr2', 'ci2', 'co2']
            }).init();
        </script>
    </body>
</html>
